<template>
  <div class="header">
    <div class="relative">
      <div class="relative wrapper3">
        <div class="group absolute top-4 left-[-120px] width-86px height-111px">
          <img
            src="../assets/child.png"
            alt="适龄"
            class="group-hover:opacity-80"
          />
          <div
            class="child-div top-0 hidden p-4 text-base leading-10 text-white  rounded-lg  absolute left-[100%] group-hover:block"
          >
            （1）本游戏是一款模拟养成游戏，适用于年满12周岁及以上年龄段用户，建议未成年人在家长监护下使用游戏产品。<br />
            （2）本游戏基于架空世界古风换装养成故事背景，画面风格非写实，无基于历史和真实事件改编内容，有着欢快活泼的音效烘托游戏氛围，有基于文字的陌生人社交系统。<br />
            （3）根据国家相关要求，游戏中有用户实名认证系统，未通过实名认证的用户不可进入游戏；认证为未成年人的用户除周五、周六、周日及法定节假日每日20时至21时外其他时间均不可进入游戏。游戏中部分玩法和道具需要付费，将统一通过腾讯健康系统落实控制，认证为未成年人的用户接受以下消费限制：未满12周岁的用户不能付费；12周岁（含）以上未满16周岁的未成年人用户，单次充值金额不得超过50元人民币，每月充值金额累计不得超过200元人民币；16周岁（含）以上的未成年人用户，单次充值金额不得超过100元人民币，每月充值金额累计不得超过400元人民币。<br />
            （4）本游戏以换装养成及通关剧情为游戏主题。画风精致唯美，剧情跌宕起伏，多重精致古典妆容，百套绫罗华服融入了一定的中华元素及现代元素，有助于传承弘扬中华优秀传统文化，推动创新性发展。
          </div>
        </div>
      </div>
      <slot name="nav"></slot>
      <slot></slot>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
</script>

<style lang="scss" scoped>
.header {
  height: 1023px;
  min-width: 1205px;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(../assets/banner.webp);
}
.child-div {
  width: 700px;
  background-color: rgba(18, 41, 69, 0.9);
}
</style>
